<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>产品中心</title>
    <link rel="stylesheet" type="text/css" href="__CDN__/light/css/all.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="__CDN__/light/js/common.js"></script>
    <script src="__CDN__/light/js/jquery.page.js"></script>
    <style>
        .pa {
            /*border: 1px solid #000;*/
            text-align: center;
        }

        .pa ul {
            width: 50%;
            margin: 0 auto;
        }

        .pa ul li {
            width: 30px;
            border: 1px solid #000;
        }

        .pa ul li a {
            display: block;
            color: #000;
        }

        .pa .active {
            background: #000;
            color: #fff;
        }
    </style>
</head>
<body>
<div id="product">
    <!-- 头部 -->
    {include file="public/header" /}
    <!-- 关于我们 -->
    <div class="bg_gray">
        <div class="common_pos">
            <div class="common_title">
                <ul>
                    <li>{$nav_name.title}</li>
                    <li>{$nav_name.eng_title}</li>
                </ul>
            </div>
        </div>
        <!-- 内容 -->
        <div class="center flex common_nav">
            <div class="common_left big">
                <ul id="menu">
                    {volist name="cate" id="voo"}
                    <li {if $type== $voo.id} class="tabFocus" {/if} >
                    <a href="{:url('/index/product/index',['nav_id'=>3,'cate_id'=>$voo.id])}">{$voo.name}</a>
                    </li>
                    {/volist}
                </ul>
            </div>
            <div id="content" class="common_right">
                <div class="tab conFocus">
                    <div class="common_top"><img src="__CDN__/light/img/home_zofp.png">
                        <a href="/index/index/index">网站首页</a> >>
                        <a href="{:url('/index/product/index',['nav_id'=>3])}">{$nav_name.title}</a> >>
                        <a href="{:url('index/product/index',['nav_id'=>3,'cate_id'=>$cate_name.id])}">{$cate_name.name}</a>
                    </div>
                    <div class="common_bottom">
                        <div class="flex landscape">
                            {volist name="product" id="v"}
                            <a href="{:url('/index/product/details',['nav_id'=>3,'cate_id'=>$v.cate_id,'id'=>$v.id])}">
                                <dl>
                                    <dt><img src="{$v.image}"></dt>
                                    <dd>{$v.title}</dd>
                                </dl>
                            </a>
                            {/volist}
                        </div>
                        <!-- 分页 -->
                        <!--<div class="page" style="width:380px;"></div>-->
                        <div style="text-align: center;margin-top: 50px;" class="pa">{$page}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        {include file="public/footer" /}
    </div>
</div>
</body>
</html>
